<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Nmap Web Scanner</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"  referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <header>
        <h1 class="animate__animated animate__fadeIn">Nmap Web Scanner</h1>
        <h2 class="animate__animated animate__fadeIn animate__delay-1s">Scan your network for open ports</h2>
    </header>
    <main>
        <form class="animate__animated animate__fadeIn animate__delay-2s">
            <label for="ip-address">Enter IP address or hostname:</label>
            <input type="text" id="ip-address" name="ip-address" required>
            <input type="submit" id="scan-button" value="Scan">
        </form>
        <table id="results-table" class="animate__animated animate__fadeIn animate__delay-3s">
            <thead>
                <tr>
                    <th>Host</th>
                    <th>Port</th>
                    <th>Protocol</th>
                    <th>Service</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </main>
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <script src="script.js"></script>
</body>

</html>
